<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>玉灵 QQ:7031633 Email:webrx@126.com</title>
    <meta name="keywords" content="关键字">
    <meta name="description" content="简介">
    <style>
        /*p:first-of-type{*/
        /*    color:red;*/
        /*}*/

        /*p:nth-of-type(3){*/
        /*    color:yellow;*/
        /*}*/

        /*p:last-of-type{*/
        /*    color:green;*/
        /*}*/

        /* odd even 1 1n 2n 3n*/
        p:nth-of-type(4n) {
            color: red;
        }
    </style>
    <link rel="stylesheet" href="css/myt.css">
</head>

<body>
<table class="myt">
    <caption>学生成绩表</caption>
    <thead>
    <tr>
        <td>学号</td>
        <td>姓名</td>
        <td>年龄</td>
        <td>专业</td>
    </tr>
    </thead>
    <tbody>

    <tr>
        <td>202301</td>
        <td>李四</td>
        <td>18</td>
        <td>计算机科学</td>
    </tr>
    <tr>
        <td>202301</td>
        <td>李四</td>
        <td>18</td>
        <td>计算机科学</td>
    </tr>
    <tr>
        <td>202301</td>
        <td>李四</td>
        <td>18</td>
        <td>计算机科学</td>
    </tr>
    <tr>
        <td>202301</td>
        <td>李四</td>
        <td>18</td>
        <td>计算机科学</td>
    </tr>
    <tr>
        <td>202301</td>
        <td>李四</td>
        <td>18</td>
        <td>计算机科学</td>
    </tr>
    </tbody>
    <tfoot>
    <tr>
        <td colspan="100">分页效果</td>
    </tr>
    </tfoot>
</table>


<p>Lorem ipsum dolor.</p>
<p>At, deleniti nobis.</p>
<p>Cumque hic, nam!</p>
<p>Dolores, facere non.</p>
<p>In, quaerat, voluptas!</p>
</body>
</html>
